草庐IT

HTML 样式- CSS

全部标签

javascript - 将事件监听器添加到 HTML 元素集合

我知道getElementsByTagName和getElementsByClassName需要索引标识符才能将对象绑定(bind)到事件监听器。所以问题是,如何将事件监听器添加到使用getElementsByTagName或getElementsByClassName找到的HTML元素集合?varinputElem=document.getElementsByTagName('input');inputElem.addEventListener('click',function(){alert(this.value);},false);我知道如何在jQuery中执行此操作,但我想知道

javascript - 是否有适用于 Angular 2 的实时样式指南生成器,很像适用于 React 的样式指南?

对于React,存在一些living样式指南生成器,例如styleguidist,它们采用组件、sass和一些额外的可编辑文本,并自动为特定应用程序生成样式指南,具体取决于样式指南任务被插入到构建过程中,每次重复该过程。Angular2+是否存在类似的东西?警告:我指的不是编码风格指南,而是活的风格指南,它几乎可以自动记录布局(sass/css)样式、字体、图标、颜色、字体大小和组件及其参数等。那些东西碰巧也被称为风格指南,很抱歉,但我没有发明这个名字。 最佳答案 UI-jar是一个嵌入式模块,它会根据您为Angular(2.x及更

javascript - jQuery 和附加大量 HTML

我发现,如果使用得当,使用jQuery创建HTML客户端可以极大地提高性能。我使用返回JSON的AJAX来检索动态内容,然后构建相关的HTML并使用jQuery将其插入。第一次使用这种技术时,我发现IE的JavaScript中的字符串连接器执行得非常慢,因此构建一个包含超过50行左右的动态表时执行得非常糟糕。varshtml='';for(vari=0;iAbunchofcontent';}shtml+='';$('#myTable').append(shtml);然后我发现了一种字符串连接技术,它改变了一切。不要使用sting+=运算符,而是使用数组进行连接;varshtml=[''

javascript - 每行带有按钮的 Html 表格

我有一个包含多行和一列的表格。每个表格单元格中都有一个按钮。像这样:Select我想做什么:按下其中一个按钮时,我想将其值从“编辑”更改为“修改”。有什么想法吗? 最佳答案 很确定这可以解决您正在寻找的问题:HTML:editeditediteditJavascript(使用jQuery):$(document).ready(function(){$('.editbtn').click(function(){$(this).html($(this).html()=='edit'?'modify':'edit');});});编辑:显

CSS把图片设置为背景

前言先列出几种常用的搭配,方便CV,想了解具体的可以看后面详细介绍第1组:刚好填充整个背景区域,不重复background-image:url("~@/路径");background-size:cover;background-repeat:no-repeat;第2组:从左上角开始,垂直水平重复填充background-image:url("~@/路径");background-size:30pxauto;//宽度30px,高度自适应一、图片路径:background-image引入图片,注意路径前面需要加~符background-image:url("~@/路径");二、图片大小:backg

javascript - 过渡固定导航栏 - CSS

我有一个使用TwitterBootstrap3的affix()的固定导航栏。导航栏一切正常。我想在导航栏的外观中添加一个transition。当用户滚动页面时,导航栏会立即显示。我想为它制作动画。尝试使用-webkit-transition:all1sease-in但结果是导航栏的宽度。这是FIDDLE.请帮我在用户向下滚动时制作动画。 最佳答案 要转换某物,您需要将它从一种状态移动到另一种状态。因此,您要做的是更改.navigation元素的一个或多个属性。您可以更改哪些属性?您不能更改高度、宽度或不透明度,因为它们需要在过渡前后

javascript - 如何两次插入相同的html元素?

这是我的部分代码elementol=document.createElement("ol");varlongueur=titres.length;for(k=0;k<longueur;++k){elementli=document.createElement("li");elementli.appendChild(document.createTextNode(titres[k].firstChild.nodeValue));elementol.appendChild(elementli);}body=document.getElementsByTagName("body").i

javascript - Magento 中的 HTML &lt;script&gt; async 属性

我想尝试在Magento1.9.1的PrototypeJavaScriptscript标签中插入“async”属性:我会得到这样的结果:我必须在哪里插入“async”?带有此行代码的文件是什么?谢谢 最佳答案 看文件app/design/frontend///layout/page.xml(或将app/design/frontend/base/default/layout/page.xml复制到您的主题中)。在此文件中,搜索以下行:prototype/prototype.js并更改addJs电话:prototype/prototyp

javascript - 是否可以在 Angular 2 中动态更改全局样式表?

是否可以动态更改全局样式表?编辑:目的是让用户选择他喜欢的样式。在Angular1中,我能够将Controller包裹在head标签周围并在其中使用绑定(bind)。示例如下(简化代码):index.htmlTitle...应用程序Controllerapp.controller('AppController',['$scope',function($scope){$scope.current=dynamicValue;}]);这在Angular2中可行吗? 最佳答案 我最终使用了Igor提到的DOCUMENTtokenhere.从

javascript - 真的没有办法在 IE (<8) 中暴露 html 元素的原型(prototype)吗?

我设计了一个模式来使用原型(prototype)创建和扩展html元素。这在非ie浏览器中就像一个魅力。可以在@jsbin找到示例代码(查看页面源代码)这种模式的优点应该是速度快(方法在元素原型(prototype)链中,所以只引用一次)。你猜对了:IE不行。在IE真的无法在IE中访问HTML元素原型(prototype)吗? 最佳答案 不,也不能保证您通常可以在JavaScript中摆弄DOM对象的原型(prototype)。DOM对象不是ECMAScript规范的一部分;在任何浏览器中,它们可能根本不是(传统上来说不是)原生Ja